@use "~/styles/variables.scss" as *;

.member-list-container {
    width: 700rpx;
    overflow: hidden;
    .member-item {
        width: 100%;
        height: 100%;
        .member-info-container {
            padding: 25rpx;
            box-sizing: border-box;
            width: 700rpx;
            height: 100%;
            .user-name-container {
                min-width: 120rpx;
            }
            .account-content {
                .form-info-item {
                    padding: 10rpx;
                    .form-info-item-value {
                        font-weight: 500;
                    }
                }
            }
        }
    }
    .add-account-btn {
        height: 80rpx;
        margin: 25rpx;
        border-radius: 40rpx;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        &.invite-btn{
           width: 400rpx;
           background-color: $color-primary;
           color: #fff;
        }
        &.add-btn {
            border: 1rpx solid;
            width: 200rpx;
        }
        .iconfont {
            padding: 0 10rpx;
        }
        .share-btn {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            opacity: 0;
        }
        &:active {
            opacity: 0.5;
        }
    }
}